import Vuex from 'vuex';
import Vue from 'vue';
import createPersistedState from 'vuex-persistedstate'// 持久化存储插件
import  actions from './actions';
import  getters from './getters';
import state from './state';
import mutations from './mutations';

Vue.use(Vuex);


// vuex:  数据全局缓存中心
export default new Vuex.Store({
	  actions,
	  getters,
	  state,
	  mutations,
    plugins: [
      createPersistedState({
        // sessionStorage 用于临时保存同一窗口/标签页的数据，
        // 在关闭窗口或标签页之后将会删除这些数据。

        // 如果你想在浏览器窗口关闭后还保留数据，可以使用 localStorage 属性，
        // 该数据对象没有过期时间，除非你手动去删除。
        storage: window.sessionStorage, // 存储方式sessionStorage
      })
    ]
})
